<template>
  <div class="detail-swiperA">
    <swiper class="detail-swiperB">
      <swiper-item v-for="item in swiperImage">
        <img :src="item" @load="imageLoaded">

      </swiper-item>
    </swiper>
  </div>
</template>

<script>
  import Swiper from "../../../components/common/swiper/Swiper";
  import SwiperItem from "../../../components/common/swiper/SwiperItem";
  export default {
    name: "DdetailSwiper",
    components: {SwiperItem, Swiper},
    props: {
      swiperImage:{
        type: Array,
        default: []
      }
    },
    methods:{
      imageLoaded(){
        this.$emit('imageLoaded')
      }
    }
  }
</script>

<style scoped>
.detail-swiperB{
  height: 300px;
}
</style>